#layout{
	// 顶部搜索
	.search{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 0.44rem;
		font-size: 0.14rem;
		background: rgba(0,0,0,0.4);
		z-index: 22;
		padding: 0 0.19rem;
		display: flex;
		.back{
			width: 0.15rem;
			height: 0.2rem;
			color: transparent;
			line-height: 999rem;
			overflow: hidden;
			margin-top: 0.13rem;
			background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
			background-size: 3.75rem auto;
			
		}
		.search-box{
			margin-top:0.08rem;
			width: 100%;
			margin-left: 0.1rem;
			height: 0.28rem;
			line-height: 0.26rem;
			border: 1px solid #fff;
			border-radius: 0.5rem;
			display: flex;
			span{
				color: #fff;
				width: 0.72rem;
				border-right: 1px solid #fff;
				margin-left: 0.1rem;
				text-align: center;
				position: relative;
				&::before{
						content: '';
					    position: absolute;
					    top: 0.04rem;
						left: -0.01rem;
					    width: 0.14rem;
					    height: 0.18rem;
					    background: url(../images/icon/sprites.png) no-repeat -3.11rem -1.3rem;		
						background-size: 3.75rem auto;						
						
				}
			
			}
			form{
				position: relative;
				width: 100%;
				input{
					width: 88%;
					background: transparent;
					margin-left:0.3rem;
					padding-right: 0.15rem;
					&::placeholder{
						color: #c4c4c4;
					}
				}
			&::before{
				    content: '';
				    position: absolute;
				    top: 0.04rem;
					left: 0.05rem;
				    width: 0.2rem;
				    height: 0.2rem;
				    background: url(../images/icon/galss_03.png) no-repeat center/85% auto;			
					
			}
			}
		}
	}
	
	
	// 主体内容
	.main{
		.navlist{
			margin-top: 0.18rem;
			margin-bottom: 0.16rem;
			
			ul{
				display: flex;
				li{
					width: 25%;
					text-align: center;
					a{	
						font-size: 0.12rem;
						img{
							width: 53.4%;
							margin: 0 auto;
							padding-bottom: 0.08rem;
						}
					}
				
				}
			}
		}
	
		.scenic{
			ul{
				display: flex;
				flex-wrap: wrap;
				li{
					position: relative;
					border: 2px solid #cecece;
					&:after{
						content: '';
						position: absolute;
						right: 0;
						top: 0;
						width: 0.36rem;
						height: 0.36rem;
						background: url(../images/icon/sprites.png) no-repeat -2.52rem -3.55rem;
						background-size: 3.75rem auto;
					}
				}
				li.w60{
					width: 60%;
				}
				li.w40{
					width: 40%;
					
				}
			}
		}
	
		//出境游
		.exit{
			margin-top: 0.18rem;
			padding: 0 0.12rem 0.05rem 0.12rem;
			.title{
				font-size: 0.15rem;
				color: #4ca8f5;
				height: 0.35rem;
				line-height: 0.35rem;
				position: relative;
				padding-left: 0.28rem;
				display: flex;
				&::before{
					content: '';
					position: absolute;
					width: 0.25rem;
					height: 0.19rem;
					left: 0;
					top: 0.05rem;
					background: url(../images/icon/sprites.png) no-repeat -2.36rem -1.3rem;
					background-size: 3.75rem auto;
					
				}
				img{
					width: 60%;
					height: 60%;
					margin-top: 0.06rem;
					margin-left: 0.06rem;
				}
			}
			.content{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				color: #333;
				font-size: 0.14rem;
				li{
					width: 49%;
					border: 1px solid #e0e0e0;
					margin-bottom: 0.08rem;
					.desc{
						padding: 0.07rem 0.05rem;
						// p{
						// 	width: 100%;
						// 	text-overflow: ellipsis;
						// 	overflow: hidden;
						// 	white-space: nowrap;
						// }
						.tag{
							margin-top: 0.13rem;
							display: flex;
							justify-content: space-between;
							color: #999;
							font-size: 0.12rem;
							.prize{
								font-size: 0.08rem;
								position: relative;
								i{
									font-style: normal;
									position: absolute;
									top: 0;
									left: -0.08rem;
									
									color: #ff9900;
								}
								span{
									font-size: 0.13rem;
									color: #ff9900;
									
								}
								
							}
						}
					}
					
				}
			}
		}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}